#Chat .am-list {
    width: 100%;
    flex: 1;
    overflow: hidden;
}
#Chat .am-list-body{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
}
#Chat .chatContainer {
    width: 100%;
    flex: 1;
    overflow: hidden;
    background: rgb(235, 235, 235);
}
#Chat .chatScrollView{
      width: 100%;
      height: 100%;
      overflow: scroll;
      padding-top: 45px;
      box-sizing: border-box;
}

#Chat .am-list-item-middle {
    width: 100%;
    box-sizing: border-box;

}
#Chat .chatItem_myself{
   width: 90%;
   margin-left:10%;
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
}
#Chat .chatItem_user{
    width: 90%;
    margin-right:10%;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
 }
#Chat .chatItem img{
    width:40px;
    height:40px;
    border-radius: 50%;
    margin: 10px;
}
#Chat .chatItem  p{
   box-sizing: border-box;
   padding: 8px 10px;
   max-width: calc(100%-80px);
   background: #FFF;
   border-radius: 8px;
   word-wrap : break-word;
   overflow-x: hidden;
   line-height: 24px;
}
html,body{
    width: 100%;
    height: 100%;
}
#root{
    width: 100%;
    height: 100%;
}
#Chat{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#Chat .am-grid-icon{
    display: none;
}
#Chat .rightOptions{
    height: 20px;
}
#Chat .rightOptions span{
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
/* #Chat .bottomOptions{
     wid
     position: fixed;
     bottom: 0;
     left: 0;
} */
